<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Invitaci&oacute;n 1</title>
		<link rel="stylesheet" href="css/themes/Rosaf189b8.css" />
		<link rel="stylesheet" href="css/themes/jquery.mobile.structure-1.3.2.min.css" /> 
		<script src="js/jquery.js"></script> 
		<script src="js/jquery.mobile-1.3.2.min.js"></script>
		<style type="text/css">
			@font-face
			{
			   font-family: "ganda";
			   src: url("BRADHITC.eot");
			   src: url("BRADHITC.eot?#ganda") format("embedded-opentype"),
					url("BRADHITC.woff") format("woff"),
					url("BRADHITC.ttf") format("truetype"),
					url("BRADHITC.svg#IDdelafuente") format("svg");
			}
			body
			{
				font-family: "ganda", "Bradley Hand ITC";
				font-weight:bold;
			}
			@font-face
			{
			   font-family: "FVivaldi";
			   src: url("VIVALDII.eot");
			   src: url("VIVALDII.eot?#FVivaldi") format("embedded-opentype"),
					url("VIVALDII.woff") format("woff"),
					url("VIVALDII.ttf") format("truetype"),
					url("VIVALDII.svg#IDdelafuente") format("svg");
			}
			h1
			{
				font-family:Roselyn,"Script MT Bold",FVivaldi,Vivaldi;
			}
			.recepcion
			{
			    background-image:url(imgs/recepcion.jpg);
			    background-repeat:no-repeat;
			    width:250px;
			    height:80px;
			    margin:1px auto 1px auto;
			}
			.figura
			{
			    background-image:url(imgs/figura.jpg);
			    background-repeat:no-repeat;
			    width:200px;
			    height:205px;
			    z-index:10;
			    margin:1px auto 1px auto;
			}
			#panelmenu
			{
				background-color:silver;
				background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{a-bar-background-start}*/), to( #f189b8 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
				background-image: -webkit-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #f189b8 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
				background-image:    -moz-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #f189b8 /*{a-bar-background-end}*/); /* FF3.6 */
				background-image:     -ms-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #f189b8 /*{a-bar-background-end}*/); /* IE10 */
				background-image:      -o-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #f189b8 /*{a-bar-background-end}*/); /* Opera 11.10+ */
				background-image:         linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #f189b8 /*{a-bar-background-end}*/);
				filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f189b8',GradientType=0 );
			}
		</style>
	</head>
	<body>
		<div data-role="page" data-theme="a">
			<div data-role="panel" id="panelmenu" data-position="left" data-display="overlay" data-theme="a">
				<a href="#demo-links" data-rel="close" data-role="button" data-theme="a" data-icon="arrow-l"
					data-inline="true" data-mini="true">Cerrar</a>
				<div style="padding-top: 10px; padding-left: 0px; padding-right: 0px;">
					<ul data-role="listview" data-theme="a">
						<li><a href="index.html" data-icon="arrow-l" data-ajax="false">Mis XV</a></li>
						<li><a href="misa.html" data-icon="arrow-l" data-ajax="false">Misa</a></li>
						<li><a href="recepcion.html" data-icon="arrow-l" data-ajax="false">Recepci&oacute;n</a></li>
						<li><a href="album.html" data-icon="arrow-l" data-ajax="false">&Aacute;lbum</a></li>
						<li><a href="confimacion.html" data-icon="arrow-l" data-ajax="false">Confirmaci&oacute;n</a></li>
					</ul>
				</div>
			</div>
			<div data-role="header" data-position="fixed">
				<a href="#panelmenu" data-role="button" data-icon="bars" data-theme="a" data-inline="true">Men&uacute;</a>
				<h1>Sofia</h1>
			</div>
			<div data-role="content" data-theme="a">
				<div class="recepcion"></div>
                <div class="figura"></div>
			</div>
			<div data-role="footer" data-position="fixed">
				<h1>Mis XV</h1>
			</div>
		</div>
	</body>
</html>